<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/html">
<head>
    {% include "/include/headinclude.html" %}
</head>
<body style="padding-top: 70px; ">
   {% include "/include/headnav.html" %}
   <!--主框架开始 -->
   <div class="container">
       <!--行式布局 -->
      <div class="row">
             <!--左边栏开始 -->
        <div class="col-xs-4 col-md-3 bg-info">
            {% include "/include/leftnav.html" %}
        </div>
             <!--左边栏结束 -->
          <!--主界面开始 -->
        <div class="col-xs-8 col-md-9">
            <h1 class="page-header">文件批量传输</h1>
            <div class="panel  panel-primary">
              <!--文件传输页面开始 -->
               <div class="row">
                    <!-- 内容列表及课程介绍 -->
                    <div class="col-md-5">
                        <div class="panel panel-primary">
                            <div class="panel-heading">主机列表</div>
                             <div class="panel-body">
                                 <select multiple class="form-control" id="leftselect">
                                      {% for item in hostlist %}
                                          <option name="{{ item.ip }}" value="{{item.ip}}">{{item.ip}}</option>
                                      {% endfor %}
                                  </select>
                             </div>
                        </div>
                    </div>
                   <div class="col-md-2" style="text-align:center;vertical-align: middle"><br /><br /><br />
                        <button type="button" class="btn btn-success" id="btn_transfer">执行</button>
                   </div>
                    <div class="col-md-5">
                        <div class="panel panel-info">
                            <div class="panel-heading">待上传的主机</div>
                             <div class="panel-body" >
                                  <select multiple class="form-control" id="rightselect">
                                  </select>
                             </div>
                        </div>
                    </div>
               </div>
               <div class="input-group input-group-lg">
                   <span class="input-group-addon" id="sizing-addon1">待上传的文件：</span>
                   <form class="form-inline">
                       <input type="file" class="form-control" placeholder="选择文件" id="tranfile" name="tranfile" aria-describedby="sizing-addon1">
                       <button type="button" class="btn btn-success" id="btn_upload">传输文件</button>
                       <input type="hidden" id="filename" name="filename"/>
                   </form>
               </div>
                <div class="input-group input-group-lg">
                  <span class="input-group-addon" id="sizing-addon2">目的路径：</span>
                  <input type="text" class="form-control" id="remote_path" name="remote_path" placeholder="服务器路径" aria-describedby="sizing-addon1">
               </div>

            </div>
            <hr class="featurette-divider">
            <h3 class="page-header">执行结果</h3>
            <div class="panel  panel-primary">
              <!-- Default panel contents -->
              <!-- Table -->
                <div  id="resultspan" class="panel-body">

                </div>
                </div>
                <!--整体浏览界面 -->
            <!--整体浏览界面 -->

        </div>
          <!--主内容布局结束 -->
      </div>
       <!--行式布局结束 -->
   </div>
   <!--主框架结束 -->
{% include "/include/buttom.html" %}
<script type="text/javascript" src="/static/res/js/filetransfer.js"></script>
<script type="text/javascript" src="/static/res/lib/ajaxfileupload.js"></script>

</body>
</html>